<template>
	<basic-container>
		<div class="main_title warn_f">
			<b>工作流信息</b>
		</div>
		<el-divider></el-divider>
		<div class="mb20"><span class="index_num warn_bg">1</span><b>工作流+签名人员</b></div>
			<table class="owntable" :class="{harf:harf,wp100:!harf}">
				<tr>
					<th colspan="2">工作流</th>
					<th>部门</th>
					<th>签名人员</th>
					<th>签名状态</th>
				</tr>
				<tr>
					<td class="white_bg" colspan="2">编制</td>
					<td class="white_bg">质量部</td>
					<td class="white_bg">张三</td>
					<td class="white_bg success_f">已签名</td>
				</tr>
				<tr>
					<td class="white_bg" colspan="2">复审</td>
					<td class="white_bg">质量部</td>
					<td class="white_bg">张三</td>
					<td class="white_bg success_f">已签名</td>
				</tr>
	
				<tr v-for="(item,i) in 3" :key="i">
					<td class="white_bg" colspan="2">记录责任人</td>
					<td class="white_bg">质量部</td>
					<td class="white_bg">张三</td>
					<td class="white_bg success_f">已签名</td>
				</tr>
				<tr>
					<td class="white_bg active" colspan="2">批准</td>
					<td class="white_bg active">质量部</td>
					<td class="white_bg active" colspan="2">张三（您正处在这个位置）</td>
				</tr>
			</table>
	</basic-container>
</template>

<script>
	export default{
		props:{
			harf: Boolean
		}
	}
</script>

<style scoped="scoped">
	.active {
		background-color: #E6F1FC !important;
		color: #126BC9;
	}
	.harf{
		width: 50%;
	}
</style>
